@import '../../../assets/styles/mixin.less';

.appoint-print {
  box-sizing: border-box;
  width: 100%;
  min-height: 100%;
  padding: 32rpx 24rpx 64rpx;
  background-color: #fafafa;
  .terminal-box {
    font-size: 30rpx;
    color: #111;
    .title {
      display: block;
      margin-bottom: 32rpx;
      font-size: 30rpx;
      font-weight: 500;
    }
    .terminal-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%;
      .item {
        box-sizing: border-box;
        flex: 0 0 220rpx;
        width: 220rpx;
        height: 150rpx;
        margin-bottom: 22rpx;
        padding: 24rpx;
        color: #2172ED;
        background-color: #fff;
        box-shadow: 0px 2px 10px 0px rgba(33,114,237,0.15);
        border-radius:8px;
        .content {
          display: flex;
          justify-content: space-between;
          .serial {
            font-weight: bold;
            font-size: 26rpx;
          }
          .paper {
            font-size: 24rpx;
          }
        }
        .address {
          margin-top: 4rpx;
          font-size: 24rpx;
          .no-wrap-number(2);
        }
        &.active {
          background-color: #2172ED;
          color: #fff;
        }
      }
    }
    .more {
      padding-right: 24rpx;
      text-align: right;
      font-size: 30rpx;
      color: #2172ED;
    }
  }
  .file-box {
    width: 100%;
    margin: 24rpx 0 80rpx;
    .title {
      display: block;
      margin-bottom: 32rpx;
      font-weight: 500;
    }
    .upload {
      box-sizing: border-box;
      min-height: 175rpx;
      padding-bottom: 58rpx;
      background-color: #fff;
      .file-list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-bottom: 1rpx solid #EEEEEE;
        .item {
          width: 100%;
          box-sizing: border-box;
          padding: 0 25rpx;
          display: flex;
          align-items: center;
          height: 128rpx;
          .name {
            flex: 3;
          }
          .number {
            display: flex;
            align-items: center;
            text-align: right;
            flex: 1.5;
            input {
              flex: 0 0 84rpx;
              width: 84rpx;
              height: 60rpx;
              padding: 14rpx 30rpx;
              margin-right: 18rpx;
              box-sizing: border-box;
              font-size: 30rpx;
              text-align: center;
              line-height: 48rpx;
              color: #2172ED;
              border: 1rpx solid #CCCCCC;
              border-radius: 10rpx;
            }
          }
          .delete {
            flex: 0.8;
            text-align: right;
            color: #F94E4E;
          }
          text {
            font-size: 28rpx;
            color: #111111;
          }
        }
      }
      .button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 315rpx;
        height: 60rpx;
        margin: 58rpx auto 0;
        font-size: 26rpx;
        color: #2172ED;
        border: 1px solid #2172ED;
        border-radius: 30rpx;
      }
    }
  }
}